<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <!-- v-bind属性绑定 -->
        <input type="text" v-bind:value="msg">
        <!-- v-bind属性绑定,简写形式 -->
        <input type="text" :value="msg">
        <a :href="url">超链接</a>
        <img :src="imgUrl" alt="图片加载失败">
    </div>

    <script src="../js/vue.min.js"></script>
    <script>
        let v = new Vue({
            el : "div",
            data : {
                msg : "属性绑定测试",
                url : "http://www.baidu.com",
                imgUrl : "../b.jpg"
            }
        })
    </script>
</body>
</html>